<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<ui:composition template="/WEB-INF/templates/webdefault.xhtml">
	<ui:define name="service_categorias">
		<ui:include src="inc_categorias.xhtml" />
	</ui:define>
	<ui:define name="service_marcas">
		<ui:include src="inc_marcas.xhtml" />
	</ui:define>
	<ui:define name="service_content">
		<p:dialog header="Actualizar Estado" id="codigoRegistro"
			widgetVar="updateObject" modal="true" appendTo="@(body)">
			<h:outputText value="Se Registro Correctamente" />
			<h:outputText
				value="Nro. Atencion: #{contactanosMBean.codigoRegistro}" />
		</p:dialog>
		<p:panel id="basic" style="margin-bottom:20px">
			<h:form>
				<div class="head-title">VER ESTADO DE TICKECT</div>
				<div class="content-title">Ingresar Codigo de Ticket</div>
				<div class="separador"></div>
				<div class="frmContentInput">
					<p:panel>
						<h:outputLabel value="Codigo" for="idEstado" />
						<p:inputText required="true" value="#{buscarAtencionxCodigoMBean.codigo}" id="idEstado">
							<f:validateLength minimum="4" />
						</p:inputText>
						<p:commandButton value="Buscar" id="idBuscar"
							style="margin-left: 10px;"
							actionListener="#{buscarAtencionxCodigoMBean.inicializar()}" update="txtEstado" />
						<h:outputText style="margin-left: 20px;" value="#{buscarAtencionxCodigoMBean.estado}" id="txtEstado" />
					</p:panel>
				</div>
			</h:form>
			<h:form id="frmContactenos">
				<div class="head-title">GENERAR TICKECT DE ATENCION AL CLIENTE</div>
				<div>
					<div class="content-title">Datos Personales</div>
					<div class="separador"></div>
					<div class="frmContentInput">
						<p:panel>
							<h:outputLabel value="Apellidos" for="idApellido" />
							<p:inputText value="#{contactanosMBean.atencionBean.apellido}"
								id="idApellido">
								<f:validateLength minimum="4" />
							</p:inputText>*
						</p:panel>
						<div class="separador"></div>
						<p:panel>
							<h:outputLabel value="Nombres" for="idNombre" />
							<p:inputText required="true"
								value="#{contactanosMBean.atencionBean.nombre}" id="idNombre">
								<f:validateLength minimum="4" />
							</p:inputText>*
						</p:panel>
						<div class="separador"></div>
						<p:panel>
							<h:outputLabel value="Email" for="idEmail" />
							<p:inputText value="#{contactanosMBean.atencionBean.email}"
								id="idEmail" required="true">
								<f:validateLength minimum="10" />
							</p:inputText>*
						</p:panel>
						<div class="separador"></div>
						<p:panel>
							<h:outputLabel value="Telefono" for="idTelefono" />
							<h:inputText value="#{contactanosMBean.atencionBean.telefono}"
								id="idTelefono" />
						</p:panel>
					</div>

					<div class="separador"></div>
					<div class="content-title">Datos de Atencion</div>
					<div class="separador"></div>
					<div class="frmContentInput">
						<p:panel>
							<h:outputLabel value="Area" for="idArea" />
							<p:selectOneMenu id="idArea" required="true"
								value="#{contactanosMBean.atencionBean.areaEmpresaId}"
								styleClass="comboText">
								<p:ajax event="change"
									listener="#{contactanosMBean.cargarTemas()}" update="idTema" />
								<f:selectItem itemLabel="- Seleccionar -" itemValue="" />
								<f:selectItems value="#{contactanosMBean.listaAreasEmpresa}"
									var="area" itemLabel="#{area.nombre}" itemValue="#{area.id}" />
							</p:selectOneMenu>*
						</p:panel>
						<div class="separador"></div>
						<p:panel>
							<h:outputLabel value="Tema" for="idTema" />
							<p:selectOneMenu id="idTema" required="true"
								value="#{contactanosMBean.atencionBean.temaAtencionId}"
								styleClass="comboText">
								<f:selectItem itemLabel="- Seleccionar -" itemValue="" />
								<f:selectItems value="#{contactanosMBean.listaTemasAtencion}"
									var="temas" itemLabel="#{temas.descripcion}"
									itemValue="#{temas.id}" />
							</p:selectOneMenu>*
						</p:panel>
						<div class="separador"></div>
						<p:panel>
							<h:outputLabel value="Asunto" for="idAsunto" />
							<p:inputText required="true" style="width:250px"
								value="#{contactanosMBean.atencionBean.asunto}" id="idAsunto">
								<f:validateLength minimum="2" />
							</p:inputText>*
						</p:panel>
						<div class="separador"></div>
						<p:panel>
							<h:outputLabel value="Motivo" for="idMotivo" />
							<p:inputTextarea style="width:250px" required="true"
								value="#{contactanosMBean.atencionBean.motivo}" id="idMotivo">
								<f:validateLength minimum="2" />
							</p:inputTextarea>*
						</p:panel>
					</div>
					<div class="separador"></div>
					<div>
						<div>
							<p:commandButton value="Enviar" id="idContactenos"
								actionListener="#{contactanosMBean.registrarAtencion}"
								styleClass="ui-priority-primary"
								update=":codigoRegistro,:frmContactenos "
								onsuccess="PF('updateObject').show()" />
						</div>
					</div>
				</div>
			</h:form>
		</p:panel>
	</ui:define>
</ui:composition>
</html>